import React, { useState, useRef, useEffect } from 'react';
import {
    Flex,
    Box,
    Text,
    Slider,
    SliderTrack,
    SliderFilledTrack,
    SliderThumb,
    Button,
    Icon, HStack,
} from '@chakra-ui/react';
const AppFooter = ({song}) => {


    const [isPlaying,setIsPlaying] = useState(false)
    const [currentTime,setCurrentTime] = useState(0);
    const [duration,setDuration]  = useState(0);


    return (
        // <MusicPlayerWrapper>
        <HStack>
            <img src={song.cover} alt={song.title}   />

        </HStack>

    )
};


export default AppFooter;